<!-- 工作台页面内容 -->
<div class="space-y-6">
    <!-- 欢迎区域 -->
    <div class="bg-white rounded-lg shadow-sm p-6">
        <div class="flex items-center justify-between">
            <div>
                <h3 class="text-2xl font-bold text-gray-800">欢迎回来，管理员</h3>
                <p class="text-gray-500 mt-1">今天是 <span id="currentDate"></span></p>
            </div>
            <div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center">
                <i class="fas fa-user-tie text-indigo-600 text-2xl"></i>
            </div>
        </div>
    </div>

    <!-- 统计卡片 -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        <!-- 待处理需求 -->
        <div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-yellow-400">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm mb-1">待处理需求</p>
                    <p class="text-3xl font-bold text-gray-800">12</p>
                    <p class="text-xs text-gray-400 mt-1">3个紧急</p>
                </div>
                <div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-exclamation-circle text-yellow-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- 处理中需求 -->
        <div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-blue-400">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm mb-1">处理中需求</p>
                    <p class="text-3xl font-bold text-gray-800">28</p>
                    <p class="text-xs text-gray-400 mt-1">较昨日 +3</p>
                </div>
                <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-spinner text-blue-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- 待确认报价 -->
        <div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-purple-400">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm mb-1">待确认报价</p>
                    <p class="text-3xl font-bold text-gray-800">8</p>
                    <p class="text-xs text-gray-400 mt-1">总金额 ¥128,000</p>
                </div>
                <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-tag text-purple-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- 待签署协议 -->
        <div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-green-400">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm mb-1">待签署协议</p>
                    <p class="text-3xl font-bold text-gray-800">5</p>
                    <p class="text-xs text-gray-400 mt-1">本周新增</p>
                </div>
                <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center">
                    <i class="fas fa-file-contract text-green-600 text-xl"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- 今日任务和最近需求 -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- 今日任务 -->
        <div class="bg-white rounded-lg shadow-sm p-6">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-lg font-semibold text-gray-800">今日任务</h3>
                <a href="requirement-list.html" class="text-sm text-indigo-600 hover:text-indigo-700">查看全部</a>
            </div>
            <div class="space-y-3">
                <div class="flex items-start gap-3 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 cursor-pointer">
                    <div class="w-2 h-2 bg-red-500 rounded-full mt-2"></div>
                    <div class="flex-1">
                        <p class="text-sm font-medium text-gray-800">紧急：客户A的网站开发需求</p>
                        <p class="text-xs text-gray-500 mt-1">2小时前提交</p>
                    </div>
                </div>
                <div class="flex items-start gap-3 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 cursor-pointer">
                    <div class="w-2 h-2 bg-yellow-500 rounded-full mt-2"></div>
                    <div class="flex-1">
                        <p class="text-sm font-medium text-gray-800">客户B的报价待确认</p>
                        <p class="text-xs text-gray-500 mt-1">5小时前</p>
                    </div>
                </div>
                <div class="flex items-start gap-3 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 cursor-pointer">
                    <div class="w-2 h-2 bg-blue-500 rounded-full mt-2"></div>
                    <div class="flex-1">
                        <p class="text-sm font-medium text-gray-800">客户C的协议待签署</p>
                        <p class="text-xs text-gray-500 mt-1">1天前</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 最近需求 -->
        <div class="bg-white rounded-lg shadow-sm p-6">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-lg font-semibold text-gray-800">最近需求</h3>
                <a href="requirement-list.html" class="text-sm text-indigo-600 hover:text-indigo-700">查看全部</a>
            </div>
            <div class="space-y-3">
                <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
                    <div class="flex-1">
                        <p class="text-sm font-medium text-gray-800">移动端APP开发</p>
                        <p class="text-xs text-gray-500 mt-1">客户：张三 | 状态：处理中</p>
                    </div>
                    <span class="px-2 py-1 bg-blue-100 text-blue-600 text-xs rounded-full">处理中</span>
                </div>
                <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
                    <div class="flex-1">
                        <p class="text-sm font-medium text-gray-800">电商平台搭建</p>
                        <p class="text-xs text-gray-500 mt-1">客户：李四 | 状态：已报价</p>
                    </div>
                    <span class="px-2 py-1 bg-purple-100 text-purple-600 text-xs rounded-full">已报价</span>
                </div>
                <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
                    <div class="flex-1">
                        <p class="text-sm font-medium text-gray-800">小程序开发</p>
                        <p class="text-xs text-gray-500 mt-1">客户：王五 | 状态：待处理</p>
                    </div>
                    <span class="px-2 py-1 bg-yellow-100 text-yellow-600 text-xs rounded-full">待处理</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 数据概览图表区域 -->
    <div class="bg-white rounded-lg shadow-sm p-6">
        <h3 class="text-lg font-semibold text-gray-800 mb-4">数据概览</h3>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div class="text-center p-4 bg-gray-50 rounded-lg">
                <p class="text-2xl font-bold text-indigo-600">156</p>
                <p class="text-sm text-gray-500 mt-1">总需求数</p>
            </div>
            <div class="text-center p-4 bg-gray-50 rounded-lg">
                <p class="text-2xl font-bold text-green-600">89</p>
                <p class="text-sm text-gray-500 mt-1">已完成需求</p>
            </div>
            <div class="text-center p-4 bg-gray-50 rounded-lg">
                <p class="text-2xl font-bold text-blue-600">¥2,580,000</p>
                <p class="text-sm text-gray-500 mt-1">总成交金额</p>
            </div>
        </div>
    </div>
</div>

<script>
    // 显示当前日期
    const date = new Date();
    const options = { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' };
    document.getElementById('currentDate').textContent = date.toLocaleDateString('zh-CN', options);
</script>

